<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>首页</title>
</head>


<link rel="stylesheet" href="../static/css/reset.css">
<link rel="stylesheet" href="../static/css/jquery.fullPage.css">
<link rel="stylesheet" href="../static/css/index.css">
<!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie.css" />
    <script src="js/ie.js"></script>
<![endif]-->

<script src="../static/js/jquery-1.8.3.min.js"></script>
<script src="../static/js/jquery.animate-colors.js"></script>
<script src="../static/js/jquery.transit.js"></script>
<!--<script src="js/jquery.fullPage.min.js"></script>-->

<body>

<div class="header bt">
    <div class="navber">
        <a class="logo" href=""><img src="../static/img/logo.png" /></a>
        <div class="nav">
            <a class="itop" href="index.html">首页<i></i></a>
            <a href="../static/curriculum.html">精品课程<i></i></a>
            <a href="../static/teacher.html">教师团队<i></i></a>
            <a href="tutor.html">我要找家教<i></i></a>
            <a href="../static/about.html">关于图宇<i></i></a>
            <a href="../static/join.html">加入我们<i></i></a>
        </div>
        <a class="zixun" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2865938054&site=qq&menu=yes">在线咨询</a>
    </div>
</div>

<div>

    <div class="op1">
        <div class="screen1">
            <div class="screen1-text">
                <p>为什么选择图宇教育？</p>
                <p>先来听听学生、家长的声音！</p>
            </div>
            <div class="asdc">
                <div class="asd-asd">
                    <img src="../static/img/television-k.png" src="" />
                    <div class="video-a"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="op2">
        <div class="screen2">
            <div id="d1" class="screen2-b"></div>
            <div id="d2" class="screen2-text">
                <p>担心孩子自己<span>找不到</span>正确、高效的<span>学习方法</span>？</p>
                <p>担心孩子外出上辅导<span>交通不便</span>、<span>不安全</span>？</p>
                <p>纠结大多数辅导机构收费太<span>贵</span>？</p>
            </div>
            <div id="d3" class="screen2-circula"></div>
        </div>
    </div>

    <div class="op3">
        <div class="screen3-dbz">
            <div class="screen3-bookshelf"></div>
            <div class="screen3">
                
                <div class="screen3-yous">
                    <div class="screen3-style-img">
                        <img src="../static/img/advantage.png" alt="" />
                    </div>
                    <div id="d4" class="screen3-details">
                        <div class="screen-item">
                            <div class="screen3-item-img"><img src="../static/img/screen3-1.png" alt=""></div>
                            <div class="screen-item-text">教师年轻，有耐心，讲题仔细</div>
                        </div>
                        <div class="screen-item">
                            <div class="screen3-item-img"><img src="../static/img/screen3-2.png" alt=""></div>
                            <div class="screen-item-text">足不出户，省时省力</div>
                        </div>
                        <div class="screen-item">
                            <div class="screen3-item-img"><img src="../static/img/screen3-3.png" alt=""></div>
                            <div class="screen-item-text">孩子上得好，父母看得到</div>
                        </div>
                        <div class="screen-item">
                            <div class="screen3-item-img"><img src="../static/img/screen3-4.png" alt=""></div>
                            <div class="screen-item-text">查漏补缺，定制化辅导</div>
                        </div>
                        <div class="screen-item">
                            <div class="screen3-item-img"><img src="../static/img/screen3-5.png" alt=""></div>
                            <div class="screen-item-text">教师阳光积极，给孩子塑造良好价值观</div>
                        </div>
                        <div class="screen-item">
                            <div class="screen3-item-img"><img src="../static/img/screen3-6.png" alt=""></div>
                            <div class="screen-item-text">每位教师只带六位学生，保证对每位学生学习情况了解</div>
                        </div>
                    </div>
                </div>
                <div class="screen3-dui">
                    <div class="screen3-style-img">
                        <a class="excellent-more" href="javascript:;">More  >>></a>
                        <img src="../static/img/case.png" alt="" />
                    </div>
                    <div class="screen3-style-char">

                        <div class="screen3-a">
                            <div class="screen3-case">
                                <img src="../static/img/case.jpg" alt="" />
                                <div class="screen3-introduce">
                                    <div class="screen3-top">
                                        <p class="screen3-p1">上课<span>6</span>次，提升<span>31</span>分</p>
                                        <p>学生：小明</p> 
                                        <p>老师：李XX（化学）</p>
                                    </div>
                                    <div class="screen3-bottom">
                                        <p>2016年X月XX日，小明开始择图宇李XX老师学习化学，每个六下午三点到五点，6周后的期末考试小明化学成绩从原来的56分提升到了87分！</p>
                                    </div>
                                </div>
                            </div>
                            <div class="screen3-case">
                                <img src="../static/img/case.jpg" alt="" />
                                <div class="screen3-introduce">
                                    <div class="screen3-top">
                                        <p class="screen3-p1">上课<span>6</span>次，提升<span>32</span>分</p>
                                        <p>学生：小明</p> 
                                        <p>老师：李XX（化学）</p>
                                    </div>
                                    <div class="screen3-bottom">
                                        <p>2016年X月XX日，小明开始择图宇李XX老师学习化学，每个六下午三点到五点，6周后的期末考试小明化学成绩从原来的56分提升到了87分！</p>
                                    </div>
                                </div>
                            </div>
                            <div class="screen3-case">
                                <img src="../static/img/case.jpg" alt="" />
                                <div class="screen3-introduce">
                                    <div class="screen3-top">
                                        <p class="screen3-p1">上课<span>6</span>次，提升<span>33</span>分</p>
                                        <p>学生：小明</p> 
                                        <p>老师：李XX（化学）</p>
                                    </div>
                                    <div class="screen3-bottom">
                                        <p>2016年X月XX日，小明开始择图宇李XX老师学习化学，每个六下午三点到五点，6周后的期末考试小明化学成绩从原来的56分提升到了87分！</p>
                                    </div>
                                </div>
                            </div>
                            <div class="screen3-case">
                                <img src="../static/img/case.jpg" alt="" />
                                <div class="screen3-introduce">
                                    <div class="screen3-top">
                                        <p class="screen3-p1">上课<span>6</span>次，提升<span>34</span>分</p>
                                        <p>学生：小明</p> 
                                        <p>老师：李XX（化学）</p>
                                    </div>
                                    <div class="screen3-bottom">
                                        <p>2016年X月XX日，小明开始择图宇李XX老师学习化学，每个六下午三点到五点，6周后的期末考试小明化学成绩从原来的56分提升到了87分！</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="screen3-a">
                            <div class="screen3-case">
                                <img src="../static/img/case.jpg" alt="" />
                                <div class="screen3-introduce">
                                    <div class="screen3-top">
                                        <p class="screen3-p1">上课<span>6</span>次，提升<span>35</span>分</p>
                                        <p>学生：小明</p> 
                                        <p>老师：李XX（化学）</p>
                                    </div>
                                    <div class="screen3-bottom">
                                        <p>2016年X月XX日，小明开始择图宇李XX老师学习化学，每个六下午三点到五点，6周后的期末考试小明化学成绩从原来的56分提升到了87分！</p>
                                    </div>
                                </div>
                            </div>
                            <div class="screen3-case">
                                <img src="../static/img/case.jpg" alt="" />
                                <div class="screen3-introduce">
                                    <div class="screen3-top">
                                        <p class="screen3-p1">上课<span>6</span>次，提升<span>36</span>分</p>
                                        <p>学生：小明</p> 
                                        <p>老师：李XX（化学）</p>
                                    </div>
                                    <div class="screen3-bottom">
                                        <p>2016年X月XX日，小明开始择图宇李XX老师学习化学，每个六下午三点到五点，6周后的期末考试小明化学成绩从原来的56分提升到了87分！</p>
                                    </div>
                                </div>
                            </div>
                            <div class="screen3-case">
                                <img src="../static/img/case.jpg" alt="" />
                                <div class="screen3-introduce">
                                    <div class="screen3-top">
                                        <p class="screen3-p1">上课<span>6</span>次，提升<span>37</span>分</p>
                                        <p>学生：小明</p> 
                                        <p>老师：李XX（化学）</p>
                                    </div>
                                    <div class="screen3-bottom">
                                        <p>2016年X月XX日，小明开始择图宇李XX老师学习化学，每个六下午三点到五点，6周后的期末考试小明化学成绩从原来的56分提升到了87分！</p>
                                    </div>
                                </div>
                            </div>
                            <div class="screen3-case">
                                <img src="../static/img/case.jpg" alt="" />
                                <div class="screen3-introduce">
                                    <div class="screen3-top">
                                        <p class="screen3-p1">上课<span>6</span>次，提升<span>38</span>分</p>
                                        <p>学生：小明</p> 
                                        <p>老师：李XX（化学）</p>
                                    </div>
                                    <div class="screen3-bottom">
                                        <p>2016年X月XX日，小明开始择图宇李XX老师学习化学，每个六下午三点到五点，6周后的期末考试小明化学成绩从原来的56分提升到了87分！</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
        </div>
    </div>

    <div class="op4">
        <div class="screen4">
            <div class="screen4-style-img">
                <a class="more-news" href="javascript:;">More  >>></a>
                <img src="../static/img/news.png" alt="" />
            </div>
            <div class="screen4-style-char">
                <div class="screen-a">
                    <div class="screen4-case curr-bottom">
                        <img src="../static/img/news-case.jpg" alt="" />
                        <p class="screen4-text">广州高考一模分数线划定！<span>(2016-3-22)</span></p>
                    </div>
                    <div class="screen4-case">
                        <img src="../static/img/news-case.jpg" alt="" />
                        <p class="screen4-text">广州高考二模分数线划定！<span>(2016-3-22)</span></p>
                    </div>
                    <div class="screen4-case">
                        <img src="../static/img/news-case.jpg" alt="" />
                        <p class="screen4-text">广州高考三模分数线划定！<span>(2016-3-22)</span></p>
                    </div>
                    <div class="screen4-case">
                        <img src="../static/img/news-case.jpg" alt="" />
                        <p class="screen4-text">广州高考四模分数线划定！<span>(2016-3-22)</span></p>
                    </div>
                </div>
                    
                <div class="screen-a">
                    <div class="screen4-case">
                        <img src="../static/img/news-case.jpg" alt="" />
                        <p class="screen4-text">广州高考五模分数线划定！<span>(2016-3-22)</span></p>
                    </div>
                    <div class="screen4-case">
                        <img src="../static/img/news-case.jpg" alt="" />
                        <p class="screen4-text">广州高考六模分数线划定！<span>(2016-3-22)</span></p>
                    </div>
                    <div class="screen4-case">
                        <img src="../static/img/news-case.jpg" alt="" />
                        <p class="screen4-text">广州高考七模分数线划定！<span>(2016-3-22)</span></p>
                    </div>
                    <div class="screen4-case">
                        <img src="../static/img/news-case.jpg" alt="" />
                        <p class="screen4-text">广州高考八模分数线划定！<span>(2016-3-22)</span></p>
                    </div>
                </div>
                
            </div>

            <div class="line-triangle">
                <span class="triangle"></span>
            </div>
        </div>
        <div class="screen4-news">
            <div class="screen4-news-text ceshi">
                <h2>广州高考一模分数线划定！</h2>
                <p class="p1"><span>2016年03月22日 05:31</span><span>来源：广州日报</span></p>
                <p>一本线：文科508分 理科520分</p>
                <p>广州日报讯 （记者刘晓星）记者昨日获悉，广州市教研院公布了刚刚结束的广州市一模预测分数线。根据预测，今年高考广州一本以上上线总人数将达9180人。文科类分数线一本以上是508分，理科为520分。</p>
                <p>广州市教育研究院预测，广州今年高考，文科类分数线一本以上是508分，二本以上是392分，专A以上是332分；理科类分数线一本以上是520分，二本以上是412分，专A以上是341分。一本以上上线总人数是9180人，二本以上是30729人，专A以上是41518人。其中文科类一本以上人数是2061人，二本以上是11795人，专A以上是16296人；理科类一本以上人数是7119人，二本以上是18934人，专A以上是25222人。</p>

            </div>
            <div class="screen4-news-text">
                <h2>广州高考二模分数线划定！</h2>
                <p class="p1"><span>2016年03月22日 05:31</span><span>来源：广州日报</span></p>
                <p>一本线：文科508分 理科520分</p>
                <p>广州日报讯 （记者刘晓星）记者昨日获悉，广州市教研院公布了刚刚结束的广州市一模预测分数线。根据预测，今年高考广州一本以上上线总人数将达9180人。文科类分数线一本以上是508分，理科为520分。</p>
                <p>广州市教育研究院预测，广州今年高考，文科类分数线一本以上是508分，二本以上是392分，专A以上是332分；理科类分数线一本以上是520分，二本以上是412分，专A以上是341分。一本以上上线总人数是9180人，二本以上是30729人，专A以上是41518人。其中文科类一本以上人数是2061人，二本以上是11795人，专A以上是16296人；理科类一本以上人数是7119人，二本以上是18934人，专A以上是25222人。</p>
                <p>一模文科类总分一本临界范围分数线是500分～511分，排名在全市的2547～1891名；而理科类总分一本一本临界范围分数线是507分～525分，排名在全市的8542～6622名。也就是说，在这个分数范围内和排名的考生都是有机会突破上线的。</p>
            </div>
            <div class="screen4-news-text">
                <h2>广州高考三模分数线划定！</h2>
                <p class="p1"><span>2016年03月22日 05:31</span><span>来源：广州日报</span></p>
                <p>一本线：文科508分 理科520分</p>
                <p>广州日报讯 （记者刘晓星）记者昨日获悉，广州市教研院公布了刚刚结束的广州市一模预测分数线。根据预测，今年高考广州一本以上上线总人数将达9180人。文科类分数线一本以上是508分，理科为520分。</p>
                <p>广州市教育研究院预测，广州今年高考，文科类分数线一本以上是508分，二本以上是392分，专A以上是332分；理科类分数线一本以上是520分，二本以上是412分，专A以上是341分。一本以上上线总人数是9180人，二本以上是30729人，专A以上是41518人。其中文科类一本以上人数是2061人，二本以上是11795人，专A以上是16296人；理科类一本以上人数是7119人，二本以上是18934人，专A以上是25222人。</p>
                <p>一模文科类总分一本临界范围分数线是500分～511分，排名在全市的2547～1891名；而理科类总分一本一本临界范围分数线是507分～525分，排名在全市的8542～6622名。也就是说，在这个分数范围内和排名的考生都是有机会突破上线的。</p>
                <p>一模文科类总分一本临界范围分数线是500分～511分，排名在全市的2547～1891名；而理科类总分一本一本临界范围分数线是507分～525分，排名在全市的8542～6622名。也就是说，在这个分数范围内和排名的考生都是有机会突破上线的。</p>
            </div>
            <div class="screen4-news-text">
                <h2>广州高考四模分数线划定！</h2>
                <p class="p1"><span>2016年03月22日 05:31</span><span>来源：广州日报</span></p>
                <p>一本线：文科508分 理科520分</p>
                <p>广州日报讯 （记者刘晓星）记者昨日获悉，广州市教研院公布了刚刚结束的广州市一模预测分数线。根据预测，今年高考广州一本以上上线总人数将达9180人。文科类分数线一本以上是508分，理科为520分。</p>
                <p>广州市教育研究院预测，广州今年高考，文科类分数线一本以上是508分，二本以上是392分，专A以上是332分；理科类分数线一本以上是520分，二本以上是412分，专A以上是341分。一本以上上线总人数是9180人，二本以上是30729人，专A以上是41518人。其中文科类一本以上人数是2061人，二本以上是11795人，专A以上是16296人；理科类一本以上人数是7119人，二本以上是18934人，专A以上是25222人。</p>
                <p>一模文科类总分一本临界范围分数线是500分～511分，排名在全市的2547～1891名；而理科类总分一本一本临界范围分数线是507分～525分，排名在全市的8542～6622名。也就是说，在这个分数范围内和排名的考生都是有机会突破上线的。</p>
                <p>广州市教育研究院预测，广州今年高考，文科类分数线一本以上是508分，二本以上是392分，专A以上是332分；理科类分数线一本以上是520分，二本以上是412分，专A以上是341分。一本以上上线总人数是9180人，二本以上是30729人，专A以上是41518人。其中文科类一本以上人数是2061人，二本以上是11795人，专A以上是16296人；理科类一本以上人数是7119人，二本以上是18934人，专A以上是25222人。</p>
                <p>一模文科类总分一本临界范围分数线是500分～511分，排名在全市的2547～1891名；而理科类总分一本一本临界范围分数线是507分～525分，排名在全市的8542～6622名。也就是说，在这个分数范围内和排名的考生都是有机会突破上线的。</p>
                <p>广州市教育研究院预测，广州今年高考，文科类分数线一本以上是508分，二本以上是392分，专A以上是332分；理科类分数线一本以上是520分，二本以上是412分，专A以上是341分。一本以上上线总人数是9180人，二本以上是30729人，专A以上是41518人。其中文科类一本以上人数是2061人，二本以上是11795人，专A以上是16296人；理科类一本以上人数是7119人，二本以上是18934人，专A以上是25222人。</p>
                <p>一模文科类总分一本临界范围分数线是500分～511分，排名在全市的2547～1891名；而理科类总分一本一本临界范围分数线是507分～525分，排名在全市的8542～6622名。也就是说，在这个分数范围内和排名的考生都是有机会突破上线的。</p>
            </div>
            <div class="screen4-news-text">
                <h2>广州高考五模分数线划定！</h2>
                <p class="p1"><span>2016年03月22日 05:31</span><span>来源：广州日报</span></p>
                <p>一本线：文科508分 理科520分</p>
                <p>广州日报讯 （记者刘晓星）记者昨日获悉，广州市教研院公布了刚刚结束的广州市一模预测分数线。根据预测，今年高考广州一本以上上线总人数将达9180人。文科类分数线一本以上是508分，理科为520分。</p>
                <p>广州市教育研究院预测，广州今年高考，文科类分数线一本以上是508分，二本以上是392分，专A以上是332分；理科类分数线一本以上是520分，二本以上是412分，专A以上是341分。一本以上上线总人数是9180人，二本以上是30729人，专A以上是41518人。其中文科类一本以上人数是2061人，二本以上是11795人，专A以上是16296人；理科类一本以上人数是7119人，二本以上是18934人，专A以上是25222人。</p>
                <p>一模文科类总分一本临界范围分数线是500分～511分，排名在全市的2547～1891名；而理科类总分一本一本临界范围分数线是507分～525分，排名在全市的8542～6622名。也就是说，在这个分数范围内和排名的考生都是有机会突破上线的。</p>
            </div>
            <div class="screen4-news-text">
                <h2>广州高考六模分数线划定！</h2>
                <p class="p1"><span>2016年03月22日 05:31</span><span>来源：广州日报</span></p>
                <p>一本线：文科508分 理科520分</p>
                <p>广州日报讯 （记者刘晓星）记者昨日获悉，广州市教研院公布了刚刚结束的广州市一模预测分数线。根据预测，今年高考广州一本以上上线总人数将达9180人。文科类分数线一本以上是508分，理科为520分。</p>
                <p>广州市教育研究院预测，广州今年高考，文科类分数线一本以上是508分，二本以上是392分，专A以上是332分；理科类分数线一本以上是520分，二本以上是412分，专A以上是341分。一本以上上线总人数是9180人，二本以上是30729人，专A以上是41518人。其中文科类一本以上人数是2061人，二本以上是11795人，专A以上是16296人；理科类一本以上人数是7119人，二本以上是18934人，专A以上是25222人。</p>
                <p>一模文科类总分一本临界范围分数线是500分～511分，排名在全市的2547～1891名；而理科类总分一本一本临界范围分数线是507分～525分，排名在全市的8542～6622名。也就是说，在这个分数范围内和排名的考生都是有机会突破上线的。</p>
            </div>
            <div class="screen4-news-text">
                <h2>广州高考七模分数线划定！</h2>
                <p class="p1"><span>2016年03月22日 05:31</span><span>来源：广州日报</span></p>
                <p>一本线：文科508分 理科520分</p>
                <p>广州日报讯 （记者刘晓星）记者昨日获悉，广州市教研院公布了刚刚结束的广州市一模预测分数线。根据预测，今年高考广州一本以上上线总人数将达9180人。文科类分数线一本以上是508分，理科为520分。</p>
                <p>广州市教育研究院预测，广州今年高考，文科类分数线一本以上是508分，二本以上是392分，专A以上是332分；理科类分数线一本以上是520分，二本以上是412分，专A以上是341分。一本以上上线总人数是9180人，二本以上是30729人，专A以上是41518人。其中文科类一本以上人数是2061人，二本以上是11795人，专A以上是16296人；理科类一本以上人数是7119人，二本以上是18934人，专A以上是25222人。</p>
                <p>一模文科类总分一本临界范围分数线是500分～511分，排名在全市的2547～1891名；而理科类总分一本一本临界范围分数线是507分～525分，排名在全市的8542～6622名。也就是说，在这个分数范围内和排名的考生都是有机会突破上线的。</p>
            </div>
            <div class="screen4-news-text">
                <h2>广州高考八模分数线划定！</h2>
                <p class="p1"><span>2016年03月22日 05:31</span><span>来源：广州日报</span></p>
                <p>一本线：文科508分 理科520分</p>
                <p>广州日报讯 （记者刘晓星）记者昨日获悉，广州市教研院公布了刚刚结束的广州市一模预测分数线。根据预测，今年高考广州一本以上上线总人数将达9180人。文科类分数线一本以上是508分，理科为520分。</p>
                <p>广州市教育研究院预测，广州今年高考，文科类分数线一本以上是508分，二本以上是392分，专A以上是332分；理科类分数线一本以上是520分，二本以上是412分，专A以上是341分。一本以上上线总人数是9180人，二本以上是30729人，专A以上是41518人。其中文科类一本以上人数是2061人，二本以上是11795人，专A以上是16296人；理科类一本以上人数是7119人，二本以上是18934人，专A以上是25222人。</p>
                <p>一模文科类总分一本临界范围分数线是500分～511分，排名在全市的2547～1891名；而理科类总分一本一本临界范围分数线是507分～525分，排名在全市的8542～6622名。也就是说，在这个分数范围内和排名的考生都是有机会突破上线的。</p>
            </div>

        </div>
    </div>
        

</div>

<div class="footer str">
    <div class="foos">
        <p>Copyright © 2015 广州市图宇教育有限公司 粤ICP备88888888号-1   Design：Laic</p>
    </div>
</div>




</body>
<script>


$(".screen3-case:last").css("margin-right","0px");
$(".screen5-case:last").css("margin-right","0px");

/* header */
$(".nav a").hover(function(){
    var navIndex = $(this).index();
    $(this).find('i').stop(false,true).animate({ bottom:"0px"},300);

},function(){
    var navIndex = $(this).index();
    if($(this).hasClass("itop")){
        false;
    }else{
        $(this).find('i').stop(false,true).animate({ bottom:"-4px"},300);
    }
    
})



/* 成功案例 */

$(".excellent-more").toggle(
    function(){
        $(".screen3-a").eq(1).css('z-index','20').animate({ top: '22px' },500,function(){
            $(".screen3-a").eq(1).css('z-index','10')
            $(".screen3-a").eq(0).css('top','250px')
        })
    },
    function(){
        $(".screen3-a").eq(0).css('z-index','20').animate({ top: '22px' },500,function(){
            $(".screen3-a").eq(0).css('z-index','10')
            $(".screen3-a").eq(1).css('top','250px')
        })
    }
)


$(".screen3-case").hover(function(){
    $(this).find(".screen3-introduce").stop(true,false).animate({ bottom: "0px",backgroundColor:"#00a6e5"},500);
},function(){
    $(this).find(".screen3-introduce").stop(true,false).animate({ bottom: "-162px",backgroundColor: 'rgba(0,166,229,.7)'},500);
})


/* 新闻 */

$(".more-news").toggle(
    function(){
        $(".screen-a").eq(1).css('z-index','20').animate({ top: '0px' },500,function(){
            $(".screen-a").eq(1).css('z-index','10')
            $(".screen-a").eq(0).css('top','228px')
        })
    },
    function(){
        $(".screen-a").eq(0).css('z-index','20').animate({ top: '0px' },500,function(){
            $(".screen-a").eq(0).css('z-index','10')
            $(".screen-a").eq(1).css('top','228px')
        })
    }
)

$(".more-news").click(function(){

    $(".screen4-case").removeClass("curr-bottom");
    $(".screen4-case").find(".screen4-text").stop(true,false).animate({ bottom:"0px"},500);
})


$(".screen4-case").click(function(){

    var screenIndex = $(this).index();
    var parentIndex = $(this).parent().index();

    if(screenIndex == 0){
        $(".triangle").stop(true,false).animate({ left:"36px"},200);
    }
    if(screenIndex == 1){
        $(".triangle").stop(true,false).animate({ left:"244px"},200);
    }
    if(screenIndex == 2){
        $(".triangle").stop(true,false).animate({ left:"456px"},200);
    }
    if(screenIndex == 3){
        $(".triangle").stop(true,false).animate({ left:"668px"},200);
    }

    $(this).find(".screen4-text").stop(true,false).animate({ bottom:"-106px"},500);
    $(this).siblings().find(".screen4-text").stop(true,false).animate({ bottom:"0px"},500);
    $(this).parent().siblings().find(".screen4-text").stop(true,false).animate({ bottom:"0px"},500);

    if(parentIndex == 0){
        $(".screen4-news>div").eq(screenIndex).slideDown(500).siblings().hide(500);
    }else if(parentIndex == 1){
        $(".screen4-news>div").eq(screenIndex+4).slideDown(500).siblings().hide(500);
    }
    
})

/* animate */


var windowScroll = $(window).height();
var windowHeight = $(document).height();    // 页面总高度
var scrD1 = $("#d1").offset().top;  //   screen2-b
var scrD2 = $("#d2").offset().top;  //   screen2-text
var scrD3 = $("#d3").offset().top;  //   screen2-circula
var scrD4 = $("#d4").offset().top;  //   screen3-details



$(document).scroll(function(){

    var scrollBar = $(document).scrollTop() + windowScroll;    // 滚动条到顶部的距离


    if(scrollBar>scrD2){
        $(".screen2-text").animate({ 'left':'50%'},500);
    }

    if(scrollBar>scrD1){
        $(".screen2-b").animate({ 'right':'50%'},500);
    }

    
    if(scrollBar>scrD3){
        $(".screen2-circula").animate({ 'left':'50%'},500);
    }

    if(scrollBar>scrD4){
        $(".screen3-item-img").transition({ scale: 1 },500,function(){
            $(".screen-item-text").slideDown(500);
        }); 
    }

})





    


    



</script>


</html>